<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>海外帮首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
	<link rel="stylesheet" href="style/public.css">
	<link rel="stylesheet" href="style/index.css">
</head>
<body>
	
	<div class="header">
		<div class="banner" style="background-image: url('images/banner.jpg');"></div>
		<div class="shadow"></div>
		<div class="header-content">
			<div class="hd-country fl">
				<h1 class="logo"><a href="/"><img src="images/logo.jpg" alt="海外帮"></a></h1>
				<div class="country">
					<div class="cty-item">
						<a href="">全球</a>
						<div class="second-box">

							<div class="scd-item">
								<div class="tit">热门城市\地区</div>
								<div class="cities">
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
								</div>
								<div class="more-city"><a href="">更多...</a></div>
							</div>

							<div class="scd-item">
								<div class="tit">房产总价</div>
								<div class="cities">
									<a href="">100万以下</a>
									<a href="">100-200万</a>
								</div>
								<div class="unit">(人民币)</div>
							</div>

							<div class="scd-item">
								<div class="tit">房产类型</div>
								<div class="cities">
									<a href="">别墅</a>
									<a href="">公寓</a>
								</div>
							</div>

						</div>
					</div>
					<div class="cty-item">
						<a href="">美国</a>
						<div class="second-box">

							<div class="scd-item">
								<div class="tit">热门城市\地区</div>
								<div class="cities">
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
								</div>
								<div class="more-city"><a href="">更多...</a></div>
							</div>

							<div class="scd-item">
								<div class="tit">房产总价</div>
								<div class="cities">
									<a href="">100万以下</a>
									<a href="">100-200万</a>
								</div>
								<div class="unit">(人民币)</div>
							</div>

							<div class="scd-item">
								<div class="tit">房产类型</div>
								<div class="cities">
									<a href="">别墅</a>
									<a href="">公寓</a>
								</div>
							</div>

						</div>
					</div>
					<div class="cty-item">
						<a href="">泰国</a>
						<div class="second-box">

							<div class="scd-item">
								<div class="tit">热门城市\地区</div>
								<div class="cities">
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
								</div>
								<div class="more-city"><a href="">更多...</a></div>
							</div>

							<div class="scd-item">
								<div class="tit">房产总价</div>
								<div class="cities">
									<a href="">100万以下</a>
									<a href="">100-200万</a>
								</div>
								<div class="unit">(人民币)</div>
							</div>

							<div class="scd-item">
								<div class="tit">房产类型</div>
								<div class="cities">
									<a href="">别墅</a>
									<a href="">公寓</a>
								</div>
							</div>

						</div>
					</div>
					<div class="cty-item">
						<a href="">日本</a>
						<div class="second-box">

							<div class="scd-item">
								<div class="tit">热门城市\地区</div>
								<div class="cities">
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
								</div>
								<div class="more-city"><a href="">更多...</a></div>
							</div>

							<div class="scd-item">
								<div class="tit">房产总价</div>
								<div class="cities">
									<a href="">100万以下</a>
									<a href="">100-200万</a>
								</div>
								<div class="unit">(人民币)</div>
							</div>

							<div class="scd-item">
								<div class="tit">房产类型</div>
								<div class="cities">
									<a href="">别墅</a>
									<a href="">公寓</a>
								</div>
							</div>

						</div>
					</div>
					<div class="cty-item">
						<a href="">澳大利亚</a>
						<div class="second-box">

							<div class="scd-item">
								<div class="tit">热门城市\地区</div>
								<div class="cities">
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
								</div>
								<div class="more-city"><a href="">更多...</a></div>
							</div>

							<div class="scd-item">
								<div class="tit">房产总价</div>
								<div class="cities">
									<a href="">100万以下</a>
									<a href="">100-200万</a>
								</div>
								<div class="unit">(人民币)</div>
							</div>

							<div class="scd-item">
								<div class="tit">房产类型</div>
								<div class="cities">
									<a href="">别墅</a>
									<a href="">公寓</a>
								</div>
							</div>

						</div>
					</div>
					<div class="cty-item">
						<a href="">新西兰</a>
						<div class="second-box">

							<div class="scd-item">
								<div class="tit">热门城市\地区</div>
								<div class="cities">
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
									<a href="">悉尼</a>
								</div>
								<div class="more-city"><a href="">更多...</a></div>
							</div>

							<div class="scd-item">
								<div class="tit">房产总价</div>
								<div class="cities">
									<a href="">100万以下</a>
									<a href="">100-200万</a>
								</div>
								<div class="unit">(人民币)</div>
							</div>

							<div class="scd-item">
								<div class="tit">房产类型</div>
								<div class="cities">
									<a href="">别墅</a>
									<a href="">公寓</a>
								</div>
							</div>

						</div>
					</div>
					<div class="cty-item">
						<a href="">更多国家</a>
					</div>
				</div>
			</div>
			<div class="hd-nav fl">
				<ul class="nav-list">
					<li>
						<a href="">海外房产</a>
					</li>
					<li>   
						<a href="">海外移民</a>
					</li>
					<li>   
						<a href="">海外新闻</a>
					</li>
					<li>   
						<a href="">主题活动</a>
					</li>
					<li>   
						<a href="">海外金融</a>
					</li>
					<li>   
						<a href="">海外专家</a>
					</li>
					<li>   
						<a href="">海外就业</a>
					</li>
					<li>   
						<a href="">管家服务</a>
					</li>
				</ul>
			</div>
			<div class="search-login fr">
				<div class="search-box">
					<input type="text" name="keywords" placeholder="搜索内容">
					<button type="button">Search</button>
				</div>
				<div class="reg-login">
					<a href="">登录</a> | <a href="">注册</a>
				</div>
			</div>
		</div>
	</div>

	<div class="hot-project-box">
		<div class="hot-project fix-width">
			<div class="common-title">
				<div class="cn-name">热门项目</div>
				<div class="en-name">Hot item</div>
			</div>
			<div class="hot-list">

				<div class="hot-item">
					<a href="">
						<img src="images/thumb.jpg" alt="" width="215" height="155">
						<div class="item-info">
							<div class="item-name">热门项目热门项目标题热门项目热门项目标题标题标题</div>
							<div class="item-desc">热门项目文字说明热门项目文字说明</div>
						</div>
					</a>
				</div>

				<div class="hot-item">
					<a href="">
						<img src="images/thumb.jpg" alt="" width="215" height="155">
						<div class="item-info">
							<div class="item-name">热门项目标题</div>
							<div class="item-desc">热门项目文字说明</div>
						</div>
					</a>
				</div>

				<div class="hot-item">
					<a href="">
						<img src="images/thumb.jpg" alt="" width="215" height="155">
						<div class="item-info">
							<div class="item-name">热门项目标题</div>
							<div class="item-desc">热门项目文字说明</div>
						</div>
					</a>
				</div>

				<div class="hot-item">
					<a href="">
						<img src="images/thumb.jpg" alt="" width="215" height="155">
						<div class="item-info">
							<div class="item-name">热门项目标题</div>
							<div class="item-desc">热门项目文字说明</div>
						</div>
					</a>
				</div>

			</div>
		</div>
	</div>

	<div class="index-main fix-width">

		<div class="overseas common-item">
			<div class="common-title">
				<div class="cn-name">海外资讯</div>
				<div class="en-name">Overseas news</div>
				<div class="more-info"><a href="">了解更多内容</a></div>
			</div>
			<div class="oversea-main">
				<div class="oversea-news">
					<div class="first-new">
						<div class="img">
							<a href=""><img src="images/thumb.jpg" alt="" width="184" height="134"></a>
						</div>
						<div class="info">
							<h3><a href="">文章标题文章标题文章标题</a></h3>
							<div class="desc">文章说明说明文章说明说明文章说明说明文章说明说明文章说明说明</div>
							<div class="read-all"><a href="">阅读全文</a></div>
							<div class="tags">
								<span>美国</span>
								<span>美国</span>
								<span>美国</span>
							</div>
						</div>
					</div>
					<div class="other-list">
						<div class="item">
							<a href="">文章标题文章标题文章标题</a>
							<i>2019-09-20</i>
						</div>
						<div class="item">
							<a href="">文章标题文章标题文章标题</a>
							<i>2019-09-20</i>
						</div>
						<div class="item">
							<a href="">文章标题文章标题文章标题</a>
							<i>2019-09-20</i>
						</div>
						<div class="item">
							<a href="">文章标题文章标题文章标题</a>
							<i>2019-09-20</i>
						</div>
						<div class="item">
							<a href="">文章标题文章标题文章标题</a>
							<i>2019-09-20</i>
						</div>
						<div class="item">
							<a href="">文章标题文章标题文章标题</a>
							<i>2019-09-20</i>
						</div>
						<div class="item">
							<a href="">文章标题文章标题文章标题</a>
							<i>2019-09-20</i>
						</div>
						<div class="item">
							<a href="">文章标题文章标题文章标题</a>
							<i>2019-09-20</i>
						</div>
						<div class="item">
							<a href="">文章标题文章标题文章标题</a>
							<i>2019-09-20</i>
						</div>
						<div class="item">
							<a href="">文章标题文章标题文章标题</a>
							<i>2019-09-20</i>
						</div>
					</div>
				</div>
				<div class="activity">
					<div class="active-in">
						<div class="active-detail">
							<div class="active-name">活动发布报名中</div>
							<div class="active-desc">活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述活动描述</div>
						</div>
						<div class="write-in">
							<div class="input-wrap">
								<input type="text" name="username" placeholder="请输入用户名">
								<input type="tel" name="phone" placeholder="请输入手机号">
							</div>
							<button type="button">立即绑定</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="house common-item">
			<div class="common-title">
				<div class="cn-name">海外房产</div>
				<div class="en-name">Overseas house</div>
				<div class="more-info"><a href="">了解更多内容</a></div>
			</div>
			<div class="house-main">
				<div class="house-news">
					<div class="house-title">
						<span>房产服务</span>
						<div class="country">
							<a href="">亚洲</a>
							<a href="">欧洲</a>
							<a href="">北美</a>
							<a href="" class="more-country">更多</a>
						</div>
					</div>
					<div class="top-two">

						<div class="t-item">
							<div class="thumb">
								<a href=""><img src="images/thumb.jpg" alt="" width="278" height="180"></a>
							</div>
							<h3>
								<a href="">房产标题房产标题房产标题</a>
							</h3>
							<div class="h-desc">房产描述房产描述房产描述房产描述房产描述房产描述房产描述房产描述房产描述房产描述</div>
							<div class="known-more">
								<a href="">了解更多</a>
							</div>
						</div>

						<div class="t-item">
							<div class="thumb">
								<a href=""><img src="images/thumb.jpg" alt="" width="278" height="180"></a>
							</div>
							<h3>
								<a href="">房产标题房产标题房产标题</a>
							</h3>
							<div class="h-desc">房产描述房产描述房产描述房产描述房产描述房产描述房产描述房产描述房产描述房产描述</div>
							<div class="known-more">
								<a href="">了解更多</a>
							</div>
						</div>

					</div>

					<div class="bottom-three">

						<div class="t-item">
							<div class="price-range">
								<div class="price-title">价格范围</div>
								<div class="price-detail">
									<a href="">100万以内</a>
									<a href="">100-300万</a>
									<a href="">100-300万</a>
									<a href="">100-300万</a>
									<a href="">100-300万</a>
									<a href="">100-300万</a>
								</div>
								<div class="input-price">
									<div class="price-between">输入价格区间</div>
									<div class="in-price"><input type="number" name="start"> - <input type="number" name="end"></div>
								</div>
								<div class="known-more">
									<a href="">了解更多</a>
								</div>
							</div>
						</div>

						<div class="t-item">
							<div class="thumb">
								<a href=""><img src="images/thumb.jpg" alt="" width="180" height="134"></a>
							</div>
							<h3>
								<a href="">房产标题房产标题房产标题</a>
							</h3>
							<div class="h-desc">房产描述房产描述房产描述房</div>
							<div class="known-more">
								<a href="">了解更多</a>
							</div>
						</div>

						<div class="t-item">
							<div class="thumb">
								<a href=""><img src="images/thumb.jpg" alt="" width="180" height="134"></a>
							</div>
							<h3>
								<a href="">房产标题房产标题房产标题</a>
							</h3>
							<div class="h-desc">房产描述房产描述房产描述房</div>
							<div class="known-more">
								<a href="">了解更多</a>
							</div>
						</div>

					</div>
				</div>
				<div class="house-question">
					<div class="question">
						<div class="house-title">
							<span>最新置业问答</span>
							<div class="country">
								<a href="" class="more-country">更多</a>
							</div>
						</div>
						<div class="ques-list">
							<div class="ques-item">
								<a href="">文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题</a>
								<i>2019-09-20</i>
							</div>
							<div class="ques-item">
								<a href="">文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题</a>
								<i>2019-09-20</i>
							</div>
							<div class="ques-item">
								<a href="">文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题</a>
								<i>2019-09-20</i>
							</div>
							<div class="ques-item">
								<a href="">文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题</a>
								<i>2019-09-20</i>
							</div>
							<div class="ques-item">
								<a href="">文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题</a>
								<i>2019-09-20</i>
							</div>
							<div class="ques-item">
								<a href="">文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题</a>
								<i>2019-09-20</i>
							</div>
							<div class="ques-item">
								<a href="">文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题</a>
								<i>2019-09-20</i>
							</div>
						</div>
					</div>
					<div class="find-house">
						<div class="map">
							<img src="images/location.jpg" alt="">
						</div>
						<div class="house-title">
							<span>地图找房</span>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="house common-item">
			<div class="common-title">
				<div class="cn-name">海外移民</div>
				<div class="en-name">Overseas immigrants</div>
				<div class="more-info"><a href="">了解更多内容</a></div>
			</div>
			<div class="house-main">
				<div class="house-news immig-news">
					<div class="house-title">
						<span>移民服务</span>
						<div class="country">
							<a href="">亚洲</a>
							<a href="">欧洲</a>
							<a href="">北美</a>
							<a href="" class="more-country">更多</a>
						</div>
					</div>
					<div class="immig">
						<div class="top-two immig-top">

							<div class="t-item">
								<div class="thumb">
									<a href=""><img src="images/thumb.jpg" alt="" width="228" height="183"></a>
								</div>
								<h3>
									<a href="">房产标题房产标题房产标题</a>
								</h3>
								<div class="h-desc">房产描述房产描述房产描述房产描述房产描述房产描述房产描述房产描述房产描述房产描述</div>
								<div class="known-more">
									<a href="">了解更多</a>
								</div>
							</div>
							
							<div class="t-item">
								<div class="price-range">
									<div class="price-title">移民类别选择</div>
									<div class="price-detail">
										<a href="">投资移民</a>
										<a href="">创业移民</a>
										<a href="">投资移民</a>
										<a href="">创业移民</a>
										<a href="">投资移民</a>
										<a href="">创业移民</a>
										<a href="">投资移民</a>
										<a href="">创业移民</a>
									</div>
								</div>
							</div>

						</div>

						<div class="bottom-three immig-bottom">

							<div class="t-item">
								<div class="thumb">
									<a href=""><img src="images/thumb.jpg" alt="" width="183" height="134"></a>
								</div>
								<h3>
									<a href="">房产标题房产标题房产标题</a>
								</h3>
								<div class="h-desc">房产描述房产描述房产描述房</div>
								<div class="known-more">
									<a href="">了解更多</a>
								</div>
							</div>

							<div class="t-item">
								<div class="thumb">
									<a href=""><img src="images/thumb.jpg" alt="" width="183" height="134"></a>
								</div>
								<h3>
									<a href="">房产标题房产标题房产标题</a>
								</h3>
								<div class="h-desc">房产描述房产描述房产描述房</div>
								<div class="known-more">
									<a href="">了解更多</a>
								</div>
							</div>

							<div class="t-item">
								<div class="thumb">
									<a href=""><img src="images/thumb.jpg" alt="" width="183" height="134"></a>
								</div>
								<h3>
									<a href="">房产标题房产标题房产标题</a>
								</h3>
								<div class="h-desc">房产描述房产描述房产描述房</div>
								<div class="known-more">
									<a href="">了解更多</a>
								</div>
							</div>

							<div class="t-item">
								<div class="thumb">
									<a href=""><img src="images/thumb.jpg" alt="" width="183" height="134"></a>
								</div>
								<h3>
									<a href="">房产标题房产标题房产标题</a>
								</h3>
								<div class="h-desc">房产描述房产描述房产描述房</div>
								<div class="known-more">
									<a href="">了解更多</a>
								</div>
							</div>

						</div>
					</div>
				</div>
				<div class="house-question immig-question">
					<div class="question">
						<div class="house-title">
							<span>最新置业问答</span>
							<div class="country">
								<a href="" class="more-country">更多</a>
							</div>
						</div>
						<div class="ques-list">
							<div class="ques-item">
								<a href="">文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题</a>
								<i>2019-09-20</i>
							</div>
							<div class="ques-item">
								<a href="">文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题</a>
								<i>2019-09-20</i>
							</div>
							<div class="ques-item">
								<a href="">文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题</a>
								<i>2019-09-20</i>
							</div>
							<div class="ques-item">
								<a href="">文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题</a>
								<i>2019-09-20</i>
							</div>
							<div class="ques-item">
								<a href="">文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题</a>
								<i>2019-09-20</i>
							</div>
							<div class="ques-item">
								<a href="">文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题</a>
								<i>2019-09-20</i>
							</div>
							<div class="ques-item">
								<a href="">文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题文章标题</a>
								<i>2019-09-20</i>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="hot-project common-item">
			<div class="common-title">
				<div class="cn-name">管家服务</div>
				<div class="en-name">Butler service</div>
				<div class="more-info"><a href="">了解更多内容</a></div>
			</div>
			<div class="hot-list">

				<div class="hot-item">
					<a href="">
						<img src="images/thumb.jpg" alt="" width="215" height="155">
						<div class="item-info">
							<div class="item-name">热门项目热门项目标题热门项目热门项目标题标题标题</div>
							<div class="item-desc">热门项目文字说明热门项目文字说明</div>
						</div>
					</a>
				</div>

				<div class="hot-item">
					<a href="">
						<img src="images/thumb.jpg" alt="" width="215" height="155">
						<div class="item-info">
							<div class="item-name">热门项目标题</div>
							<div class="item-desc">热门项目文字说明</div>
						</div>
					</a>
				</div>

				<div class="hot-item">
					<a href="">
						<img src="images/thumb.jpg" alt="" width="215" height="155">
						<div class="item-info">
							<div class="item-name">热门项目标题</div>
							<div class="item-desc">热门项目文字说明</div>
						</div>
					</a>
				</div>

				<div class="hot-item">
					<a href="">
						<img src="images/thumb.jpg" alt="" width="215" height="155">
						<div class="item-info">
							<div class="item-name">热门项目标题</div>
							<div class="item-desc">热门项目文字说明</div>
						</div>
					</a>
				</div>

			</div>
		</div>

	</div>


	<div class="foot-wrap">
		<div class="footer fix-width">
			<div class="ft-nav">
				<a href="">全球</a>
				<a href="">美国</a>
				<a href="">泰国</a>
				<a href="">日本</a>
				<a href="">澳大利亚</a>
				<a href="">新西兰</a>
				<a href="">更多国家</a>
			</div>
			<div class="our-info">
				<span class="tel">电话：18328718551</span>
				<span class="email">邮箱：tq0810@163.com</span>
				<span class="address">地址：航天科技大厦</span>
			</div>
		</div>
	</div>


	<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
	<script>
		$(function(){
			$(".cty-item").hover(function(){
				$(this).find('.second-box').show();
			},function(){
				$(this).find('.second-box').hide();
			})
		})
	</script>
	
</body>
</html>